import {createApp} from 'vue'
import {createPinia} from 'pinia'
import App from './App.vue'
import ep from 'element-plus'
import ViewUIPlus from 'view-ui-plus'
import 'element-plus/dist/index.css'
import 'bootstrap/dist/css/bootstrap.css'
import 'view-ui-plus/dist/styles/viewuiplus.css'
import "./index.less"
//自定义样式在最下方，否则自定义的css会被上方覆盖
import "../static/css/app.css"
import router from './router.js'
import 'bootstrap/dist/css/bootstrap.css'
import 'element-plus/theme-chalk/display.css'
//全局组件
import headerTop from "./components/headerTop/index.vue"
import footerr from "./components/footer/index.vue"
import addTicketBuyer from "./components/addTicketBuyer/addTicketBuyer.vue"
//pinia持久化插件
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
import * as ElementPlusIconsVue from '@element-plus/icons-vue'

const pinia=createPinia();
pinia.use(piniaPluginPersistedstate);

const app=createApp(App)
for(const [key,component] of Object.entries(ElementPlusIconsVue)){
    app.component(key,component)
}
app.use(pinia)
app.use(router)
app.use(ep)
app.use(ViewUIPlus)
.component("headerTop",headerTop)
.component("footerr",footerr)
.component("addTicketBuyer",addTicketBuyer)
.mount('#app')



